const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  mode: "production",
  entry: './index.js',
  output: {
    filename: 'Vue.js',
    path: path.resolve(__dirname, './user/Mine-Vue-index/')
  },
  // 明确指定不压缩混淆代码，便于生产出源码和错误定位
  // optimization: {
  //   minimizer: [],
  // },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },
  // 插件配置
  plugins: [
    new HtmlWebpackPlugin({
      template: './user/Mine-Vue-index/index.html', // 设置模板文件路径为user目录下的index.html
      filename: '../Even-You-Vue-index/index.html', // 设置输出路径
      minify: false, // 设置不压缩生成的HTML文件
      chunks: [], // 不引入任何chunk外联, 必须要设置，不然编译后会找相对路径下多余引入了我们自己的Vue.js
      scriptAttributes: {
        src: './Vue.js' // 单独设置script的src, ，down到本地
      },
    }),
  ],
  // 监听模式
  watch: true,
  watchOptions: {
    ignored: /node_modules/,
  },
}
